import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Index from '../views/PageIndex.vue'

Vue.use(VueRouter)


const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
  },
  {
    path:'/index',
    name:'Index',
    component:Index,
    children:[
      {
        path:"/showIndex",
        name:'showIndex',
        component:()=> import(/* webpackChunkName: "systempage" */ '../views/ShowIndex.vue')

      },
      {
        path:"/systempage",
        name:'systempage',
        component:()=> import(/* webpackChunkName: "systempage" */ '../views/SystemPage.vue')

      },
      {
        path:"/addassion",
        name:'addassion',
        component:()=> import(/* webpackChunkName: "systempage" */ '../views/AddAssociation.vue')

      },
      {
        path:"/myassion",
        name:'myassion',
        component:()=> import(/* webpackChunkName: "systempage" */ '../views/MyAssociation.vue')

      },
      {
        path:"/myassionaction",
        name:'myassionaction',
        component:()=> import(/* webpackChunkName: "systempage" */ '../views/MyAssionAction.vue')

      }
    ]
  },
  {
    path: '/about',
    name: 'About',
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  }
]

const router = new VueRouter({
  mode:"history",
  routes
})

export default router
